<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="百度" id="baidu">
    <script>
        //BOM浏览器对象模型
        //BOM,Brower Object Model
        //BOM,Document Object Model
        //BOM,有哪些对象:
        //1.window  顶层对象
        //2.document 文档对象
        //3.history  历史
        //4.location 地址
        //5.navigator浏览器本身的信息
        //6.screen 屏幕
        //1.window对象是浏览器中的顶层对象，是所有对象的核心，所有的全局变量都可以被window调用
        var name="计算机2221";
        console.log(window.name);
        console.log(name);
        //alert 警告
        //prompt输入框
        //key自定义对话框 open(url,name,specs,replace)
        //specs,可以指定窗口大小，位置等,多个特征之间使用逗号分隔
        //replace,true,替换,false,新建history
        document.getElementById("baidu").onclick=function(){
            open("https://www.baidu.com","baidu","heigth=800px,width=1200px,left=200px,top=100px",false);
        }
    </script>
</body>
</html>